@extends('layout.home')

@section('title', '登陆和注册页')

@section('content')

<body>

<div class="login-maintop">

    <div class="logo fl">

        <a href="https://www.justeasy.cn/">建E室内设计网</a>

    </div>

    <h2 class="fl">欢迎来到建E网，室内设计内容平台领导者！</h2>

</div>

<div class="login-wrapper">

    <div class="login-wrapper-left fl">

        <a href="#">

{{--           <img src="https://small.justeasy.cn/piclink/201911/20191128113718_5ddf40eec4b40.png">--}}

        </a>

    </div>

    <div class="login-wrapper-right fr">

        <div class="public-loginbox3">

            <div class="login3-title">
                <ul>
                    <li class="" id="loginbox">
                        <span>登录111</span>
                    </li>
                    <li id="regbox" class="active">
                        <span>注册</span>
                    </li>
                </ul>
            </div>
            {{--            ************************************************************************************************************--}}
            {{--            登陆界面--}}
            <div class="login3-loginbox " id="loginbox-show" style="display: none;">
                <div class="login-switch2" id="login-switch1" onclick="login_switch()" style="display: block;">
                    <i class="icon icon-quick"></i>
                    <!-- <i class="icon icon-static"></i> -->
                </div>
                <div class="login-switch2 none" id="login-switch2" style="display: none;">

                    <i class="icon icon-static"></i>

                </div>

                <form id="loginform">

                <!-- 正常登录	 -->

                {{csrf_field()}}

                <div class="login3-box">

                    <ul>

                        <li>

                            <div class="inputbox">

                                <input type="text" name="phone" id="phone_email_username" placeholder="请输入手机" class="textbox3">

                            </div>

                        </li>

                        <li>

                            <div class="inputbox">

                                <input type="password" name="password" id="password" placeholder="请输入登录密码" class="textbox3">

                            </div>

                        </li>

                        <li>

                            <div id="demo-captcha-wraper" style="width: 263px; height: 40px; display: block;">

                            <div class="ics-verify-btn" onclick="$api.verify_login()">

                                    <div class="ics-hand-icon">

                                        <svg height="40" width="40">

                                            <circle cx="18" cy="20" r="16.6697" id="whitecircle" fill="#e8e8e8" opacity="50%">

                                                <animate attributeName="r" values="10.5;17;10.5" keyTimes="0;0.3;1" dur="3s" begin="0s" fill="freeze" repeatCount="indefinite"></animate>

                                            </circle>

                                            <circle cx="18" cy="20" r="10.7" id="outcircle" fill="#f3d178"></circle>

                                            <circle cx="18" cy="20" r="16" id="dotline" fill="transparent" stroke="#f3d178" stroke-width="2" stroke-dasharray="2,1" display="none" transform="rotate(288.242 18 20)" style="display: none;">

                                                <animateTransform attributeName="transform" begin="0s" dur="10s" type="rotate" from="0 18 20" to="360 18 20" repeatCount="indefinite"></animateTransform>

                                            </circle>

                                            <circle cx="18" cy="20" r="3" id="incircle" fill="transparent" stroke="#171521" stroke-width="0.5"></circle>

                                        </svg>

                                    </div>

                                    <div class="ics-success-icon ics-hide"></div>

                                    <div class="ics-failed-icon ics-hide"></div>

                                    <div class="ics-network-failed-icon ics-hide"></div>

                                    <div class="ics-verify-text">点击按钮进行验证</div>



                                    <div class="ics-slider-over-loading-wrapper"><div id="loadingsample" class="ics-slider-over-loading"></div></div>



                                    <div class="ics-popupwindow"></div>

                                </div></div>

                            <div class="stxt" id="loginerror"> </div>

                            <a href="javascript:;" class="forget">忘记密码？</a>

                        </li>

                        <li class="last">



                            <input type="hidden" name="obj" id="obj" value="">

                            <input type="hidden" name="type" id="type" value="">

{{--                            <input type="hidden" name="token" value="f9e358928003a5f58d57592c90b6c5f1" id="token">--}}

                            <input type="button" name="" class="btn btn-org btn-org2 login_btn login_btn btn-default" id="login_btn" value="登 录" onclick="$api.applogin()">

                            <!-- <input type="submit" name="" class="btn btn-org btn-org2 login_btn" id="login_btn" value="登 录" onclick="layer_login();"> -->

                        </li>

                    </ul>

                </div>

                </form>

                <div class="login3-tip">如密码在其他网站已使用，建议您修改密码</div>

                <div class="login3-others">

                    <h3><span>使用第三方账号登录</span></h3>

                    <a href="javascript:;" class="login-qq">QQ登录</a>

                    <a href="javascript:;" class="login-wx">微信登录</a>

                </div>



                <!-- 扫码登录 -->

                <div class="qrcode-login none" style="display: none;">

                    <div class="login3-title text-center">

                        <ul>

                            <li class="active">

                                <span>扫码登录</span>

                            </li>

                        </ul>

                    </div>

                    <!-- 扫码 -->

                    <div class="qrcode-main-login">

                        <div class="qrcode-main">

                            <div class="qrcode-img" id="qrcode-img" style="z-index: 999"><canvas width="148" height="148"></canvas></div>

                        </div>

                        <div class="qrcode-desc text-center">

                            <p>打开<a class="org" href="javascript:;" target="_blank">门屋网app</a>,扫描二维码</p>

{{--                            <p class="fc6">扫码登录更便捷，更安全</p>--}}

                        </div>

                    </div>



                    <!-- 扫码成功 -->

                    <div class="qrcode-main-success none">

                        <div class="qrcode-success"></div>

                        <div class="fs16 text-center">扫码成功</div>

                        <div class="text-center fs18">请在手机上确认登录</div>

                        <!-- <span class="back" onclick="goBackQrcode();">返回二维码登录</span> -->

                    </div>

                </div>

            </div>

            {{--            登陆界面--}}

            {{--            ************************************************************************************************************--}}

            {{--            注册界面--}}

            <div class="login3-regbox none" id="regbox-show" style="display: block;">

                <form id="regform">

                    {{csrf_field()}}

                <div class="login3-reg">

                    <ul>

                        <li id="regmobile">

                            <div class="inputbox">

                                <input type="text" name="phone" id="phone" placeholder="请输入手机号" class="textbox3">

                            </div>

                            <div class="stxt none"> </div>

                        </li>

                        <li id="regemail">

                            <div class="inputbox">

                                <input type="text" name="email" id="email" placeholder="请输入电子邮箱" class="textbox3">

                            </div>

                            <div class="stxt none"> </div>

                        </li>

{{--                        <li>--}}

{{--                            <div class="inputbox">--}}

{{--                                <input type="text" name="validcode" id="validcode" placeholder="请输入验证码" class="textbox3" maxlength="6">--}}

{{--                                <img src="/captcha" alt="" onclick="this.src='{{route('captcha')}}?'+Math.random()" style="display: block;width: 262px;height: 40px;">--}}

{{--                            </div>--}}

{{--                            <div class="stxt none"> </div>--}}

{{--                        </li>--}}

                        <li>

                            <div class="inputbox">

                                <input type="password" name="password" id="password2" placeholder="设置密码，长度为6-18位字母数字组合" class="textbox3" maxlength="18">

                            </div>

                            <div class="stxt none"> </div>

                        </li>

                        <li>

                            <div class="inputbox">

                                <input type="password" name="password_confirmation" id="password3" placeholder="确认密码" class="textbox3" maxlength="18">

                            </div>

                            <div class="stxt" id="regerror"> </div>

                        </li>

                        <li class="last" style="margin-top:0">

                            <span style="font-size: 12px; color: #999">点击「注册」按钮代表同意<a href="javascript:;" target="_blank" class="org">《门屋网注册协议》</a></span>

{{--                            <input type="hidden" value="{{Session::get('CAPTCHA_IMG')}}" name="captcha_confirmation">--}}

                            <input type="button" name="" class="btn btn-org btn-org2 reg_btn" id="reg_btn" value="注 册" onclick="$api.regbtn()">

                            <span class="fc9 fs12">如需使用邮箱注册，请联系+123456789</span>

                        </li>

                    </ul>

                </div>

                </form>

                <div class="login3-tip">如密码在其他网站已使用，建议您修改密码</div>

                <div class="login3-others" style="margin-top: 10px">

                    <h3><span>使用第三方账号登录</span></h3>

                    <a href="javascript:;" class="login-qq">QQ登录</a>

                    <a href="javascript:;" class="login-wx">微信登录</a>

                </div>

            </div>

            {{--            注册界面--}}

            {{--            ************************************************************************************************************--}}



        </div>

    </div>

</div>

<script>

    $(".login3-title li").on('click',function () {

        //$("input").val("");

        let login_type_id  = $(this).attr("id");

        if(login_type_id=="loginbox"){

            //选择了登陆界面

            $("#loginbox-show").show();

            $("#regbox-show").hide();

            $('#regbox').removeClass();

            $("#loginbox").addClass("active");

        }else if(login_type_id=="regbox"){

            //选择了注册界面

            $("#regbox-show").show();

            $("#loginbox-show").hide();

            $('#regbox').addClass("active");

            $("#loginbox").removeClass();

        }

    })

    $(".ics-verify-btn").on("click",function(){



    })

</script>

</body>

@endsection

